<template>
    <div class="hnli-popup hp4">
        <el-table :data="tableData" height="310" style="width: 400px;" :stripe="false">
            <el-table-column prop="name" label="电台名称" width="140" align="center">
                <template #default="scope">
                    <div class="flex">
                        <img src="@/assets/img/homeicon.png"
                            style="width: 16px; height: 16px;margin-right: 5px; justify-content: center;" />
                        <text>{{ scope.row.name }}</text>
                    </div>
                </template>
            </el-table-column>
            <el-table-column prop="id" label="ID" width="80" align="center" />
            <el-table-column prop="pattern" label="模式" align="center" />
            <el-table-column prop="state" label="状态" align="center">
                <template #default="scope">
                    <text v-show="scope.row.state == 0" style="color: #9A9DAA;">空闲</text>
                    <text v-show="scope.row.state == 1" style="color: #CD6868;">离线</text>
                    <text v-show="scope.row.state == 2" style="color: #FABD68;">接收</text>
                    <text v-show="scope.row.state == 3" style="color: #74C8CE;">发送</text>
                </template>
            </el-table-column>
        </el-table>
        <div class="hnli-pagination flex">
            <el-pagination class="hnli-pagination-box flex-right" layout="prev, pager, next" :total="total" small />
        </div>
    </div>
</template>
  
<script>
export default {
    props: {
        tableData:Array,
        total:Number,
    },
    name: 'TelegramList',
    data() {
        return {

        }
    },
    methods: {

    }

}
</script>
  
<style scoped lang="less">


</style>
  